<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      function wait(timeout) {
        return new Promise((resolve, reject) => {
          setTimeout(() => {
            resolve("promise: hello"); // 实参
          }, timeout);
        });
      }
      // console.log(fetch("http://ajax-api.itheima.net/api/news"));
      // news 新闻
      // 每个回调都放在了 .then 避免回调地狱
      // 每个 .then 都可以返回 fetch
      fetch("http://ajax-api.itheima.net/api/news")
        // fetch 返回 promise
        .then((res) => res.json())
        .then(({ data }) => {
          console.log(data);
          // login 登录
          // 如果 promise.then 返回的是 promise
          return fetch("http://ajax-api.itheima.net/api/login", {
            method: "POST",
            headers: {
              "content-type": "application/json",
            },
            body: JSON.stringify({
              username: "admin",
              password: "123456",
            }),
            // 结果的获取，直接调用函数
          });
        })
        .then((res) => res.json())
        .then((res) => {
          console.log(res);
          // robot 机器人
          return fetch("http://ajax-api.itheima.net/api/robot?spoken=王磊好帅");
        })
        .then((res) => res.json())
        .then((res) => {
          console.log(res);
          return wait(1000);
        })
        .then(() => {
          console.log("又等待了 1秒");
        });
    </script>
  </body>
</html>
